<template>
  <div class="child">
    <h1>Child组件</h1>
    <p>NUM: {{ num }}</p>
  </div>
</template>

<script>
import { ref } from 'vue'
export default {
  name: 'ChiLd-Comp',
  async setup() {
    let num = ref(100);

    let p = new Promise((resolve) => {
      setTimeout(() => {
        resolve({ num });
      }, 3000);
    });
    return await p;
  }
}
</script>

<style>
.child {
  background-color: bisque;
  padding: 20px;
}
</style>
